<template>
	<view class="page">
		 <!-- <CustomNav :isBack="true" color="#000" :topBgColor="topBgColor" title="肃州酒店"></CustomNav> -->
		<view :style="'margin-top:90rpx'" class="content">
			<view class="list-block">
				<template v-if="list.length>0">
					<ProductList :key="item.id" :data="item" v-for="(item) in list" type="2"></ProductList>
				</template>
				<view v-if="more==false&&list.length==0" class="empty">暂无数据</view>
				<view v-else-if="more==false&&list.length>0" class="empty">没有更多了</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		isMore
	} from '@/util/util'
	import ProductList from '@/components/ProductList.vue'
	export default {
		components: {
			ProductList
		},
		data() {
			return {
				topBgColor: 'rgba(0,0,0,0)',
				searchName: '',
				tabActive: 1,
				township: [],
				index: 0,
				conf: {
					page: 1,
					limit: 20,
					township: 0,
					keyword: ''
				},
				more: true,
				list: [{
						id: 62,
						title: "酒泉丝路风情大酒店",
						account: "经济型连锁品牌",
						introduction: "<p>2021年开业，位于肃州区解放路219号，配备空调、高速网络和24小时热水，邻近夜市和商业区。</p>",
						phone: "0937-2656666",
						address: "肃州区解放路219号3栋",
						longitude: "98.503456",
						latitude: "39.758921",
						businessTime: "全天24小时",
						price: "260.00",
						coverImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/丝路风情.jpg",
						swiperImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/丝路风情1.jpg,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/丝路风情2.jpg",
						swiperImages: [
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/丝路风情1.jpg",
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/丝路风情2.jpg"
						],
						status: 1,
						sort: 1,
						township: 2,
						townshipText: "解放路街道",
						distance: "2.3km"
					},
					{
						id: 63,
						title: "酒泉肃州宾馆",
						account: "政务接待指定酒店",
						introduction: "<p>2001年开业，拥有119间客房，邻近政府职能部门，配备会议室和宴会厅，提供中式餐饮服务。</p>",
						phone: "0937-2613988",
						address: "肃州区小西街2号",
						longitude: "98.497832",
						latitude: "39.762345",
						businessTime: "07:00-23:00",
						price: "320.00",
						coverImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/肃州宾馆.jpg",
						swiperImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/肃州宾馆1.jpg,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/肃州宾馆2.jpg",
						swiperImages: [
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/肃州宾馆1.jpg",
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/肃州宾馆2.jpg"
						],
						status: 1,
						sort: 2,
						township: 3,
						townshipText: "西大街街道",
						distance: "1.5km"
					},
					{
						id: 64,
						title: "酒泉丝路文华假日酒店(万达广场店)",
						account: "准四星文化主题酒店",
						introduction: "<p>2020年开业，装修融合丝路文化元素，距万达广场150米，设有亲子房和商务套房。</p>",
						phone: "0937-5818999",
						address: "肃州区宝泉西路10号宏亮景园3号楼",
						longitude: "98.521789",
						latitude: "39.771234",
						businessTime: "全天24小时",
						price: "420.00",
						coverImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉丝路文华假日酒店.jpg",
						swiperImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉丝路文华假日酒店1.jpg,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉丝路文华假日酒店2.jpg",
						swiperImages: [
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉丝路文华假日酒店1.jpg",
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉丝路文华假日酒店2.jpg"
						],
						status: 1,
						sort: 3,
						township: 4,
						townshipText: "新城区街道",
						distance: "4.1km"
					},
					{
						id: 65,
						title: "酒泉顺天府大酒店(钟鼓楼店)",
						account: "市中心多功能酒店",
						introduction: "<p>2023年开业，拥有豪华婚礼堂和1200人宴会厅，配备3000平米停车场，邻近南大街商圈。</p>",
						phone: "0937-2888888",
						address: "肃州区南大街33号",
						longitude: "98.498765",
						latitude: "39.759876",
						businessTime: "全天24小时",
						price: "580.00",
						coverImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉顺天府大酒店.jpg",
						swiperImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉顺天府大酒店1.jpg,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉顺天府大酒店2.jpg",
						swiperImages: [
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉顺天府大酒店1.jpg",
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉顺天府大酒店2.jpg"
						],
						status: 1,
						sort: 4,
						township: 5,
						townshipText: "南大街街道",
						distance: "0.8km"
					},
					{
						id: 66,
						title: "酒泉梵泊酒店(万达广场店)",
						account: "轻奢风格设计酒店",
						introduction: "<p>2020年开业，以欧式皮质家具和独立淋浴间为特色，邻近体育公园和滨河路步行街。</p>",
						phone: "0937-5818999",
						address: "肃州区文体路6号中天创业园C座",
						longitude: "98.523456",
						latitude: "39.773210",
						businessTime: "全天24小时",
						price: "490.00",
						coverImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉梵泊酒店.jpg",
						swiperImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉梵泊酒店1.jpg,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉梵泊酒店2.jpg",
						swiperImages: [
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉梵泊酒店1.jpg",
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉梵泊酒店2.jpg"
						],
						status: 1,
						sort: 5,
						township: 6,
						townshipText: "文体路街道",
						distance: "3.7km"
					},
					{
						id: 67,
						title: "酒泉航天大酒店",
						account: "酒泉卫星发射中心合作酒店",
						introduction: "<p>以航天科技为主题，设有航天文化展览区，距酒泉火车站800米，提供军事风格住宿体验。</p>",
						phone: "0937-2855555",
						address: "肃州区解放路66号",
						longitude: "98.511234",
						latitude: "39.758765",
						businessTime: "全天24小时",
						price: "380.00",
						coverImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉航天大酒店.jpg",
						swiperImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉航天大酒店1.jpg,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉航天大酒店2.jpg",
						swiperImages: [
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉航天大酒店1.jpg",
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉航天大酒店2.jpg"
						],
						status: 1,
						sort: 6,
						township: 7,
						townshipText: "解放路街道",
						distance: "2.9km"
					},
					{
						id: 68,
						title: "酒泉万禧国际酒店",
						account: "高端商务会议酒店",
						introduction: "<p>配备480平方米总统套房和7间多功能会议室，曾接待政要人士，获国际金钥匙服务认证。</p>",
						phone: "0937-2668888",
						address: "肃州区解放路33号",
						longitude: "98.501111",
						latitude: "39.761111",
						businessTime: "全天24小时",
						price: "880.00",
						coverImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉万禧国际酒店.jpg",
						swiperImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉万禧国际酒店1.jpg,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉万禧国际酒店2.jpg",
						swiperImages: [
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉万禧国际酒店1.jpg",
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉万禧国际酒店2.jpg"
						],
						status: 1,
						sort: 7,
						township: 8,
						townshipText: "盘旋中路街道",
						distance: "1.2km"
					},
					{
						id: 69,
						title: "酒泉汗王大酒店",
						account: "仿古建筑精品民宿",
						introduction: "<p>2011年开业，按唐代建筑规制打造，邻近酒泉古城门和鼓楼，提供古法SPA和药浴服务。</p>",
						phone: "0937-2676880",
						address: "肃州区花园路5号",
						longitude: "98.495678",
						latitude: "39.764321",
						businessTime: "09:00-21:00",
						price: "350.00",
						coverImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉汗王大酒店.jpg",
						swiperImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉汗王大酒店1.jpg,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉汗王大酒店2.jpg",
						swiperImages: [
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉汗王大酒店1.jpg",
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉汗王大酒店2.jpg"
						],
						status: 1,
						sort: 8,
						township: 9,
						townshipText: "花园路街道",
						distance: "0.5km"
					},
					{
						id: 70,
						title: "酒泉鑫隆宾馆(植物园店)",
						account: "经济型快捷酒店",
						introduction: "<p>邻近肃州植物园，提供免费停车和24小时前台服务，房间简洁实用，性价比高。</p>",
						phone: "0937-2633333",
						address: "肃州区南环西路45号",
						longitude: "98.503333",
						latitude: "39.753333",
						businessTime: "07:00-24:00",
						price: "180.00",
						coverImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉鑫隆宾馆.jpg",
						swiperImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉鑫隆宾馆1.jpg,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉鑫隆宾馆2.jpg",
						swiperImages: [
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉鑫隆宾馆1.jpg",
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉鑫隆宾馆2.jpg"
						],
						status: 1,
						sort: 9,
						township: 10,
						townshipText: "南环西路街道",
						distance: "3.5km"
					},
					{
						id: 71,
						title: "酒泉金桔酒店(肃州区钟鼓楼店)",
						account: "商务经济型酒店",
						introduction: "<p>位于钟鼓楼商圈，步行可达汉唐美食街，房间配备办公桌和高速网络，适合差旅人士。</p>",
						phone: "0937-2622222",
						address: "肃州区公园路101号",
						longitude: "98.496789",
						latitude: "39.763456",
						businessTime: "08:30-22:30",
						price: "220.00",
						coverImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉金桔酒店.jpg",
						swiperImage: "https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉金桔酒店1.jpg,https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉金桔酒店2.jpg",
						swiperImages: [
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉金桔酒店1.jpg",
							"https://suzhou-polite-1306862033.cos.ap-chengdu.myqcloud.com/uploads/酒泉金桔酒店2.jpg"
						],
						status: 1,
						sort: 10,
						township: 11,
						townshipText: "公园路街道",
						distance: "0.3km"
					}
				]
			}
		},
		methods: {

		},

		onReachBottom() {
			if (this.more) {
				this.conf.page++;
			}
		},
		onLoad() {}
	}
</script>

<style lang="scss">
	.page {
		overflow: hidden;
		height: 100%;
		background-image: linear-gradient(to bottom, #4a8dff, #F8F8F8 400px, #F8F8F8 400px, #F8F8F8);
		background-repeat: no-repeat;

		.content {
			width: $content-width;
			margin: 0 auto;

			.search-block {
				background: #f4f4f4;
				color: #999;
				font-size: 28rpx;
				display: flex;
				flex-direction: row;
				align-items: center;
				padding: 0 20rpx;
				border-radius: 40rpx;
				height: 80rpx;
				margin-bottom: 30rpx;
				margin-top: 30rpx;

				.search {
					flex-grow: 0;
					display: flex;
					justify-content: center;
					align-items: center;
					width: 120rpx;
					border-radius: 50rpx;
					height: 55rpx;
					padding-bottom: 5rpx;
					color: #FFFFFF;
					background: linear-gradient(90deg, #67C059 0%, #6BD459 100%);
					font-size: 28rpx;
				}

				input {
					flex-grow: 1;
				}
			}

			.menu-block {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-top: 30rpx;

				.menu-item {
					display: flex;
					align-items: center;
					color: #66BD59;

					.menu {
						margin-right: 30rpx;
						font-size: 30rpx;
					}

					.menu.active {
						font-family: 'FangZhengHanZhenGuangBiaoJianTi';
						font-size: 34rpx;
					}
				}

				.select-item {
					display: flex;
					align-items: center;

					.select {
						color: #767676;
						font-size: 30rpx;
					}

					.select-icon {
						width: 40rpx;
						height: 40rpx;
					}
				}
			}
		}
	}
</style>